﻿.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 6px; height: 6px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('images/boxy/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images 
	.boxy-wrapper .top-left { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy/boxy-sw.png'); }
	*/

	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 6px; background-color: black;  padding:0px; }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 6px; background-color: black; padding:0px;}

	.boxy-wrapper .top,.boxy-wrapper .bottom,.boxy-wrapper .left,.boxy-wrapper .right  {background-color:transparent;}
	.boxy-wrapper .top{background: url('images/boxy/boxy-n.png') repeat-x left top;}
	.boxy-wrapper .bottom{background: url('images/boxy/boxy-s.png') repeat-x left bottom;}
	.boxy-wrapper .left{background: url('images/boxy/boxy-w.png') repeat-y left top;}
	.boxy-wrapper .right{background: url('images/boxy/boxy-e.png') repeat-y right top;}

	
	.boxy-wrapper .left{
		background:url('images/boxy/boxy-l.png') left top no-repeat;
	}
	.boxy-wrapper .right{
		background:url('images/boxy/boxy-r.png') right top no-repeat;
	}
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background:url('images/boxy/boxy-tc.png') left bottom repeat-x; padding:3px 6px 4px 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: #000; line-height: 1; margin: 0; padding: 0; font-weight: normal; padding-left:30px; position:relative; }
	    .boxy-wrapper .title-bar h2 img { position:absolute; bottom:0px; left:0px;  }
	    .boxy-wrapper .title-bar .close {position: absolute; top: -3px; right: 6px;  width:29px;height:20px;background:url('images/boxy/closeBtn.jpg') left top no-repeat; text-indent:99px; overflow:hidden;}
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 0px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
